<div id="juegos">

</div>

<script>
var idJuego;
// El one sirve para llamarlo solo una vez
$(document).one("ajaxComplete",recuperarJuegos);

function recuperarJuegos(){
	 
	//Recuperar la lista de juegos de la base de datos
	var urlJuegos = "../dispatcher/plataforma/AgregarJuegos";
	
	$.getJSON(urlJuegos, function(datos){
		$("#juegos input").remove();
		
		$.each(datos, function(i, item){
			$("#juegos").append('<input type="button" id="' + item.id + '"  value="' + item.nombre +'" class="btn"/>')
			
		});
	});
};

$("#juegos").on("click", ".btn", function() {
   idJuego = this.id;
    /*Llamo al metodo para recuperar la url del juego seleccionado y cargo la cargo*/
    
    var urlCargarJuego = "../dispatcher/plataforma/urlJuego";
    urlCargarJuego += "?id=" + idJuego;
    console.info("idJuego ANTES = " + idJuego);
    $.getJSON(urlCargarJuego, function(data){
    	console.info("idJuego = " + idJuego);
    	 
    	 $('#juegos').load(data.url, idJuego) ;
    });
});

</script>
